<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="Free Bootstrap 4 Pingendo Aquamarine template for unique events.">
	<meta name="keywords" content="Pingendo conference event aquamarine free template bootstrap 4">
	<!--360浏览器优先以webkit内核解析-->
	<title>人岗匹配系统介绍</title>
	<link rel="shortcut icon" href="favicon.ico">
	<link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
	<link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
	<link href="../static/css/style.min.css" th:href="@{/css/style.min.css}" rel="stylesheet"/>
	<!--	<link rel="icon" href="https://templates.pingendo.com/assets/Pingendo_favicon.ico">-->
	<!-- CSS dependencies -->
	<link href="../static/css/aquamarine.css" th:href="@{/css/aquamarine.css}" rel="stylesheet" >
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">

	<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
	<script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>

<!-- Script: Make my navbar transparent when the document is scrolled to top -->
	<script src="../static/js/navbar-ontop.js" th:src="@{/s/navbar-ontop.js}"></script>
	<!-- Script: Animated entrance -->
	<script src="../static/js/animate-in.js" th:src="@{/system/js/animate-in.js}"></script>
</head>

<body class="text-center">
<!-- Navbar -->
<!-- Cover -->
<div class="d-flex align-items-center section-aquamarine py-5 cover" style="background-image: url(&quot;../assets/conference/cover.jpg&quot;);">
	<div class="container">
		<div class="row">
			<div class="col-lg-12 text-white mt-5">
				<h1 class="display-2 d-none d-md-block">人岗匹配系统</h1>
				<p class="">专为企业和学生带来优质的匹配内容</p>
				<a href="#register" class="btn btn-lg mt-4 btn-outline-light">了解更多</a><i class="d-block fa fa-angle-down pt-5 fa-3x"></i>
			</div>
		</div>
	</div>
</div>
<!-- Parallax section -->
<div class="py-5 section-parallax" style="background-image: url(&quot;../assets/conference/venue.jpg&quot;);">
	<div class="container my-5 bg-light p-4">
		<div class="row mx-auto">
			<div class="col-md-12">
				<h1 class="mb-3">关于此系统</h1>
				<p class="">为解决就业困难、岗位稀缺、人才得不到最适合的就业岗位而打造的一款匹配系统</p>
				<a href="#schedule" class="btn btn-outline-primary btn-lg m-2">就业指导</a>
				<a class="btn btn-primary btn-lg m-2" href="#register">了解更多</a>
			</div>
		</div>
	</div>
</div>
<!-- Speakers -->
<div class="py-5 bg-light" id="speakers">
	<div class="container-fluid">
		<div class="row">
			<div class="col-md-12">
				<h1>企业职位</h1>
			</div>
		</div>
		<div class="row">
			<div class="col-6 col-lg-4 animate-in-left">
				<a href="#">
					<img src="http://localhost:8080/img/people_1.jpg" class="center-block img-fluid my-3 rounded-circle" width="300">
					<h3 class="mb-0"><b>崔文浩</b></h3>
					<p class="text-muted">项目经理</p>
				</a>
			</div>
			<div class="col-6 col-lg-4">
				<a href="#">
					<img src="http://localhost:8080/img/people_2.jpg" class="center-block img-fluid my-3 rounded-circle" width="300">
					<h3 class="mb-0">倪振翰</h3>
					<p class="text-muted">员工</p>
				</a>
			</div>
			<div class="col-6 col-lg-4 animate-in-right">
				<a href="#">
					<img src="http://localhost:8080/img/people_3.jpg" class="center-block img-fluid my-3 rounded-circle" width="300">
					<h3 class="mb-0" contenteditable="true"><b>杨昊</b></h3>
					<p class="text-muted">员工</p>
				</a>
			</div>
			<div class="col-6 col-lg-4 animate-in-left">
				<a href="#">
					<img src="http://localhost:8080/img/people_4.jpg" class="center-block img-fluid my-3 rounded-circle" width="300">
					<h3 class="mb-0"><b>史桂铭</b></h3>
					<p class="text-muted">员工</p>
				</a>
			</div>
			<div class="col-6 col-lg-4 ">
				<a href="#">
					<img src="http://localhost:8080/img/people_6.jpg" class="center-block img-fluid my-3 rounded-circle" width="300">
					<h3 class="mb-0">卡拉卡拉</h3>
					<p class="text-muted">项目发起人</p>
				</a>
			</div>
			<div class="col-6 mask col-lg-4 animate-in-right">
				<a href="#">
					<img src="http://localhost:8080/img/people_5.jpg" class="center-block img-fluid my-3 rounded-circle" width="300">
					<h3 class="mb-0"><b>张岩</b></h3>
					<p class="text-muted">员工</p>
				</a>
			</div>
		</div>
	</div>
</div>
<!-- Schedule -->
<div class="py-5 section-parallax" style="background-image: url(&quot;../assets/conference/schedule.jpg&quot;);" id="schedule">
	<div class="container section-aquamarine">
		<div class="row">
			<div class="col-md-12">
				<h1 class="text-white mt-4">就业指导</h1>
			</div>
		</div>
		<div class="row text-left text-dark">
			<div class="p-4 col-lg-4 col-md-6">
				<div class="card">
					<div class="card-block text-center card-primary p-2">
						<h2>Day 1</h2>
						<p class="lead">Prototype</p>
					</div>
					<ul class="list-group list-group-flush">
						<li class="list-group-item"><i class="mx-auto fa d-inline fa-clock-o text-primary"></i>&nbsp;09:30-10:00 –&nbsp;<b>Welcome</b></li>
						<li class="list-group-item"><i class="mx-auto fa d-inline fa-clock-o text-primary"></i>&nbsp;10:00-12:00 –&nbsp;<b>Bootstrap</b></li>
						<li class="list-group-item"><i class="mx-auto fa d-inline fa-clock-o text-primary"></i>&nbsp;12:00-13:00 –&nbsp;<b>Q&amp;A</b></li>
						<li class="list-group-item bg-info"><i class="mx-auto fa d-inline fa-clock-o text-primary"></i>&nbsp;13:00-14:30 –&nbsp;<b>Lunch</b></li>
						<li class="list-group-item"><i class="mx-auto fa d-inline fa-clock-o text-primary"></i>&nbsp;14:30-16:00 –&nbsp;<b>Besties</b></li>
						<li class="list-group-item"><i class="mx-auto fa d-inline fa-clock-o text-primary"></i>&nbsp;16:00-18:00 –&nbsp;<b>Workshop</b></li>
					</ul>
				</div>
			</div>
			<div class="p-4 col-lg-4 col-md-6">
				<div class="card">
					<div class="card-block text-center card-primary p-2">
						<h2>Day 2</h2>
						<p class="lead">Design</p>
					</div>
					<ul class="list-group list-group-flush">
						<li class="list-group-item"><i class="mx-auto fa d-inline fa-clock-o text-primary"></i>&nbsp;09:30-10:00 –&nbsp;<b>Guests</b></li>
						<li class="list-group-item"><i class="mx-auto fa d-inline fa-clock-o text-primary"></i>&nbsp;10:00-12:00 –&nbsp;<b>Design</b></li>
						<li class="list-group-item"><i class="mx-auto fa d-inline fa-clock-o text-primary"></i>&nbsp;12:00-13:00 –&nbsp;<b>UI trends</b></li>
						<li class="list-group-item bg-info"><i class="mx-auto fa d-inline fa-clock-o text-primary"></i>&nbsp;13:00-14:30 –&nbsp;<b>Lunch</b></li>
						<li class="list-group-item"><i class="mx-auto fa d-inline fa-clock-o text-primary"></i>&nbsp;14:30-16:00 –&nbsp;<b>Discussion</b></li>
						<li class="list-group-item"><i class="mx-auto fa d-inline fa-clock-o text-primary"></i>&nbsp;16:00-18:00 –&nbsp;<b>Party!</b></li>
					</ul>
				</div>
			</div>
			<div class="p-4 col-lg-4">
				<div class="card text-dark">
					<div class="card-block text-center p-2">
						<h2>Day 3</h2>
						<p class="lead">Publish</p>
					</div>
					<ul class="list-group list-group-flush">
						<li class="list-group-item"><i class="mx-auto fa d-inline fa-clock-o text-primary"></i>&nbsp;09:30-10:00 –&nbsp;<b>WBN</b></li>
						<li class="list-group-item"><i class="mx-auto fa d-inline fa-clock-o text-primary"></i>&nbsp;10:00-12:00 –&nbsp;<b>Publishing</b></li>
						<li class="list-group-item"><i class="mx-auto fa d-inline fa-clock-o text-primary"></i>&nbsp;12:00-13:00 –&nbsp;<b>Implement</b></li>
						<li class="list-group-item bg-info"><i class="mx-auto fa d-inline fa-clock-o text-primary"></i>&nbsp;13:00-14:30 –&nbsp;<b>Lunch</b></li>
						<li class="list-group-item"><i class="mx-auto fa d-inline fa-clock-o text-primary"></i>&nbsp;14:30-16:00 –&nbsp;<b>Farewell</b></li>
						<li class="list-group-item"><i class="mx-auto fa d-inline fa-clock-o text-primary"></i>&nbsp;16:00-18:00 –&nbsp;<b>Party!</b></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Sponsor logos -->
<div class="py-5 section bg-faded bg-light">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<h1 class="mb-4">赞助商</h1>
			</div>
		</div>
		<div class="row">
			<div class="col-md-3 col-6">
				<img class="center-block img-fluid d-block" src="http://localhost:8080/assets/conference/logo_1.png"> </div>
			<div class="col-md-3 col-6">
				<img class="center-block img-fluid d-block" src="http://localhost:8080/assets/conference/logo_4.png"> </div>
			<div class="col-md-3 col-6">
				<img class="center-block img-fluid d-block" src="http://localhost:8080/assets/conference/logo_3.png"> </div>
			<div class="col-md-3 col-6">
				<img class="center-block img-fluid d-block" src="http://localhost:8080/assets/conference/logo_2.png"> </div>
		</div>
	</div>
</div>
<!-- Call to action -->
<div class="py-5 section-aquamarine" id="register">
	<div class="container">
		<div class="row">
			<div class="col-md-8 text-md-left text-center">
				<h1 class="text-white">让我们一起找到喜欢的工作吧！</h1>
				<p>Pre-register to get a priority access to the event. Fares will be published later on.&nbsp; <br>Get the maximum from the lectures together with the possibility of joining exclusive side-events.</p>
			</div>
			<div class="col-md-4 align-self-center animate-in-right">
				<a href="#" class="btn btn-lg btn-light my-3">了解更多</a>
			</div>
		</div>
	</div>
</div>
<!-- Footer -->
<footer class="text-md-left text-center p-4 bg-dark text-light">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<p class="text-muted">© Copyright 2022-人岗匹配系统. </p>
			</div>
		</div>
	</div>
</footer>
<!-- JavaScript dependencies -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<!-- Script: Smooth scrolling between anchors in the same page -->
<script src="../static/js/smooth-scroll.js" th:src="@{/js/smooth-scroll.js}"></script>
<!--<pingendo onclick="window.open('https://pingendo.com/', '_blank')" style="cursor:pointer;position: fixed;bottom: 20px;right:20px;padding:4px;background-color: #00b0eb;border-radius: 8px; width:220px;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:14px;color:white">Made with Pingendo Free&nbsp;&nbsp;<img src="https://pingendo.com/site-assets/Pingendo_logo_big.png" class="d-block" alt="Pingendo logo" height="16"></pingendo>-->
</body>

</html>


